@charset "UTF-8";
@import "../../../style/theme/default/var.css";

@component-namespace tmp{
  /* 选择店铺 */
  @b choose{
    background: var(--theme-background-color-primary);
  & .el-col:first-child{
      /*border-right:1px solid var(--theme-color-primary);*/
    }
    @e title {
      background: var(--theme-background-color-primary);
      padding: var(--theme-padding-small) 0 var(--theme-padding-small) var(--theme-padding-base);
      line-height: 30px;
    & > .el-button {
          margin-right: var(--theme-margin-small);
        }
    & > span.total{
          padding-right: var(--theme-padding-small);
          border-bottom: 1px solid var(--theme-color-primary);
          display: inline-block;
          height:30px;
          font-size: var(--theme-font-size-small);
          box-sizing: border-box;
        }
    }
    @e goods {
      @utils-clearfix;
      background: var(--theme-background-color-primary);
      padding: 0 0 0 var(--theme-padding-base);
      list-style-type:none;
      margin:-var(--theme-padding-small) 0 0;
       & > li{
          /*  float:left;
            width:50%;*/
          height: 30px;
          line-height: 30px;
          padding-right:var(--theme-padding-base);
          font-size: var(--theme-font-size-small);
          & .g-name{
            @utils-ellipsis;
              max-width:90%;
              display: inline-block;
              vertical-align: top;
            }
          & i {
              color: var(--theme-color-primary);
              vertical-align: top;
              &.g-price,
              &.g-delete {
                 display: none;
             }
          }
          @when price{
            & i.g-price{
              display: inline-block;
            }
          }
          &:hover{
            & i.g-delete {
                display: inline-block;
                cursor: pointer;
                &:hover{
                   color:#09527a;
                 }
            }
          }
       }
    }
    @e content {
      position: relative;
      overflow:hidden;
    }

    @e condition{
      &.rules{
        & .condition-left{
          float: left;
          width:346px;
      margin-left: var(--theme-margin-base);
        }
        & .condition-right{
          margin-left:346px;
          padding:0 var(--theme-padding-base);
        }
      }
     /* & .condition-right{
        border-left:1px solid var(--theme-border-color-primary);
      }*/

      & .condition-control{
         text-align: center;
         padding-top: var(--theme-padding-small);
         border-top:1px solid var(--theme-border-color-primary);
         margin-right:0 !important;
       }
    }


    @e result {
        .title{
          margin-bottom: 0;
          font-size: var(--theme-font-size-small);
          color: var(--theme-font-color-secondary);
        }
      .tmp-choose__goods{
        background-color: transparent;
        padding:0;
        /*padding-right:10px;*/
        & > li{
          padding-right:20px;
          position: relative;
          .g-name{
            max-width:100%;
          }
          i.g-delete {
            position: absolute;
            display: inline-block;
            right:0;
            top:0;
          }
        }
      }
    }

    @e goods-tab{
      margin-left: var(--theme-margin-middle);
      &.el-tabs.el-tabs--card > .el-tabs__header .el-tabs__item{
         padding: 0 var(--theme-padding-middle);
       }
      &.el-tabs.el-tabs--card  > .el-tabs__content {
         padding: var(--theme-padding-small) 0 0;
       }
    }
}
}

.tmp-toggles{
  @when double{
    & .tmp-choose__content {
      &:before{
         content: "";
         position: absolute;
         top:0;
         left:50%;
         z-index: 1;
         display: block;
         height:100%;
         border-right:1px solid var(--theme-color-primary);
       }
      &:after{
         position: absolute;
         top:50%;
         left:50%;
         z-index: 2;
         transform: translate(-50%, -50%);
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         content: "且";
         font-size: 12px;
         color: var(--theme-color-primary);
         background: var(--theme-background-color-primary);
       }
    }

     &.or .tmp-choose__content:after{
         content: "或";
       }

  }
}

/*
 弹窗 分隔线*/
.condition-dialog .el-dialog__content {
  position: relative;
  &:before{
    content: '';
    position:absolute;
    top:0;
    border-left:1px solid var(--theme-border-color-primary);
    width:0;
    height:100%;
   }
}

.g-wrapper .condition-dialog  .el-dialog__content:before{
  left: 62.91%;
}
.r-wrapper .condition-dialog  .el-dialog__content:before{
 left: 335px;
}
